﻿<!--[if lte IE 8 ]>
<html class="ie" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
<![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<!--
***************  *      *     *
      8          *    *       *
      8          *  *         *
      8          **           *
      8          *  *         *
      8          *    *       *
      8          *      *     *
      8          *        *   ***********    -----Theme By Kieran(http://go.kieran.top)
-->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN">
<!--<![endif]-->

<head>
  <title>烫烫烫个喵啊&#39;S BLOG</title>
  <!-- Meta data -->
    <meta http-equiv="Content-Type" content="text/html" charset="UTF-8" >
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="generator" content="烫烫烫个喵啊">
    <meta name="author" content="老裴">
    <meta name="description" content="Keep Growing." />
    <meta name="keywords" content="烫烫,BLOG" />

    <!-- Favicon, (keep icon in root folder) -->
    <link rel="Shortcut Icon" href="favicon.ico" type="image/ico">

    <link rel="stylesheet" href="css/all.css" media="screen" type="text/css">

    <link rel="stylesheet" href="highlightjs/xcode.css" type="text/css">
    

    <!--[if IE 8]>
    <link rel="stylesheet" type="text/css" href="/css/ie8.css" />
    <![endif]-->

    <!-- jQuery | Load our jQuery, with an alternative source fallback to a local version if request is unavailable -->
    <script src="/js/jquery-1.11.1.min.js"></script>

    <!-- Load these in the <head> for quicker IE8+ load times -->
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="/js/html5shiv.min.js"></script>
    <script src="/js/respond.min.js"></script>
    <![endif]-->



  <style>.col-md-8.col-md-offset-2.opening-statement img{display:none;}</style>
</head>

<!--
<body class="home-template">
-->
<body id="index" class="lightnav animsition">

      <!-- ============================ Off-canvas navigation =========================== -->

    <div class="sb-slidebar sb-right sb-style-overlay sb-momentum-scrolling">
        <div class="sb-close" aria-label="Close Menu" aria-hidden="true">
            <img src="/img/close.png" alt="Close"/>
        </div>
        <!-- Lists in Slidebars -->
        <ul class="sb-menu">
            <li><a href="home.html" class="animsition-link" title="Home">主页</a></li>
            <li><a href="archive.html" class="animsition-link" title="archive">归档</a></li>
            <!-- Dropdown Menu -->


            <li>
                <a class="sb-toggle-submenu">分类<span class="sb-caret"></span></a>
                <ul id="category-content" class="sb-submenu">
                    <li><small>加载中，请稍后..</small></li>
                </ul>
            </li>
            <li>
                <a class="sb-toggle-submenu">标签<span class="sb-caret"></span></a>
                <ul id="tag-content" class="sb-submenu">
                    <li><small>加载中，请稍后..</small></li>
                </ul>
            </li>
            <li>
                <a class="sb-toggle-submenu">友链<span class="sb-caret"></span></a>
                <ul id="friendlink-content" class="sb-submenu">
                    <li><small>加载中，请稍后..</small></li>
                </ul>
            </li>
        </ul>
        <!-- Lists in Slidebars -->
        <ul class="sb-menu secondary">
            <li><a href="about.html" class="animsition-link" title="about">关于</a></li>
        </ul>
    </div>
    
    <!-- ============================ END Off-canvas navigation =========================== -->

    <!-- ============================ #sb-site Main Page Wrapper =========================== -->

    <div id="sb-site">
        <!-- #sb-site - All page content should be contained within this id, except the off-canvas navigation itself -->

        <!-- ============================ Header & Logo bar =========================== -->

        <div id="navigation" class="navbar navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container">
                    <!-- Nav logo -->
                    <div class="logo">
                        <a href="home.html" title="Logo" class="animsition-link">
                         <img src="/img/icon/logo.png" alt="Logo" width="35px;"/>
                        </a>
                    </div>
                    <!-- // Nav logo -->
                    <!-- Info-bar -->
                    <nav>
                        <ul class="nav">
                            <li><a href="home.html" class="animsition-link">烫烫烫个喵啊</a></li>
                            <li class="nolink"><span>Keep </span>Growing.</li>

                            <li><a href="https://github.com/peihuanhuan" title="Github" target="_blank"><i class="icon-github"></i></a></li>

                            <li><a href="https://weibo.com/6013277868" title="Sina-Weibo" target="_blank"><i class="icon-sina-weibo"></i></a></li>

                            <li class="nolink"><span><a href="about.html" class="animsition-link" title="about">Welcome!</a></span></li>
                        </ul>
                    </nav>
                    <!--// Info-bar -->
                </div>
                <!-- // .container -->
                <div class="learnmore sb-toggle-right">More</div>
                <button type="button" class="navbar-toggle menu-icon sb-toggle-right" title="More">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar before"></span>
                <span class="icon-bar main"></span>
                <span class="icon-bar after"></span>
                </button>
            </div>
            <!-- // .navbar-inner -->
        </div>

        <!-- ============================ Header & Logo bar =========================== -->


      <!-- ============================ Hero Image =========================== -->

<section id="hero" class="scrollme">
    <div class="container-fluid element-img" style="background: url(/img/tag-background.jpg) no-repeat center center fixed;background-size: cover">
        <div class="row">
            <div class="col-xs-12 col-sm-8 col-sm-offset-2 col-md-8 col-md-offset-2 vertical-align cover boost text-center">
                <div class="center-me animateme" data-when="exit" data-from="0" data-to="0.6" data-opacity="0" data-translatey="100">
                    <div>
                        
                        <h2></h2>
                        <p></p>
                        
                        <h2></h2>
                        <p></p>
                        

                    </div>
                </div>
            </div>
            <!-- // .col-md-12 -->
        </div>
        <div class="herofade beige-dk"></div>
    </div>
</section>

<!-- Height spacing helper -->
<div class="heightblock"></div>
<!-- // End height spacing helper -->

<!-- ============================ END Hero Image =========================== -->




        <section id="services">
            <div class="container">
                <div class="row">
                    <div id="body" class="col-md-10 col-md-offset-1">

                            <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3 wow fadeInUp" data-wow-delay="0.3s">
                                <h4 class="title">加载中，请稍后..</h4>
                            </div>

                    </div>
                </div>

                <nav class="pagination" role="pagination">

                </nav>
            </div>
        </section>

<section id="statement">
    <div class="container text-center wow fadeInUp" data-wow-delay="0.5s">
        <div class="row">
            <p>爱情是从遇见自己开始的。</p>
        </div>
    </div>
</section>
      
<!-- ============================ Footer =========================== -->

<footer>
    <div class="container">
            <div class="copy">
                <p>
                    &copy; 2018<script>new Date().getFullYear()>2010&&document.write("-"+new Date().getFullYear());</script>, Content By 老裴. All Rights Reserved.
                </p>
            </div>
            <div class="social">
                <ul>
                    
                    <li><a href="https://github.com/peihuanhuan" title="Github" target="_blank"><i class="icon-github"></i></a>&nbsp;</li>

                    <li><a href="https://weibo.com/6013277868" title="Sina-Weibo" target="_blank"><i class="icon-sina-weibo"></i></a>&nbsp;</li>
                    
                </ul>
            </div>
            <div class="clearfix"> </div>
        </div>
</footer>

    </div>

<!-- ============================ END Footer =========================== -->
      <!-- Load our scripts -->
<!-- Resizable 'on-demand' full-height hero -->
<script type="text/javascript">
    var resizeHero = function () {
        var hero = $(".cover,.heightblock"),
            window1 = $(window);
        hero.css({
            "height": window1.height()
        });
    };

    resizeHero();

    $(window).resize(function () {
        resizeHero();
    });
</script>
<script src="/js/plugins.min.js"></script><!-- Bootstrap core and concatenated plugins always load here -->
<script src="/js/scripts.js"></script><!-- Theme scripts -->


<link rel="stylesheet" href="/fancybox/jquery.fancybox.css" media="screen" type="text/css">
<script src="/fancybox/jquery.fancybox.pack.js"></script>
<script type="text/javascript">
// $('#intro').find('img').each(function(){
//   var alt = this.alt;
//
//   if (alt){
//     $(this).after('<span class="caption" style="display:none">' + alt + '</span>');
//   }
//
//   $(this).wrap('<a href="https://go.kieran.top/categories/JavaScript/'&#32;+&#32;this.src&#32;+&#32;'" title="' + alt + '" class="fancybox" rel="gallery" />');
// });
(function($){
  $('.fancybox').fancybox();
})(jQuery);
</script>
<script src="/js/public-method.js?ver=1"></script>
<!-- Initiate flexslider plugin -->
<script type="text/javascript">
    function refreshTagArticles(alias) {
        $.ajax({
            url: "/article/selectByTagalias",
            type:"post",
            data:{"alias": alias},
            dataType: "json",
            success: function (data) {

                var str="";
                var len=data.length;
                var k=0;
                for(i in data){
                    if(k==0){
                       str+="<div class=\"row boxes\">";
                    }
                    str+="<div class=\"col-xs-12 col-sm-3 col-md-3 col-lg-3 wow fadeInUp\" data-wow-delay=\"0.3s\">" +
                        "   <h4 class=\"title\"><a href=\"article.html?id="+data[i].articleid+"\">"+data[i].title+"</a></h4>" +
                        "   <p><a href=\"article.html?id="+data[i].articleid+"\">"+data[i].date+"</a></p>" +
                        "</div>"
                    if(++k==4){
                        str+="</div>"
                        k=0;
                    }
                }
                $("#body").html(str);
            },
            error:function (data) {
                $("#body").html("加载失败，请重试.");
            }
        })
    }

    $(document).ready(function ready(e) {
        var alias = getQueryString("alias");
        document.title=alias+" | 烫烫'S BLOG";
        refreshTagArticles(alias);
        refreshMore()
    })
</script>

</body>
</html>
